<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
>
 
    <h:head>
        <title>Tienda</title>
    </h:head>
    <h:body>
     	<h1> <p align="center"> Tienda </p> </h1>
		
		<p:panel header="Productos en la Tienda" > 
			<h:outputText id="carrito" value="#{mBTienda.message}"/>
			<h:form id="form">
				<h:commandButton id="irAcarrito" value="Ir al Carrito" action="#{mBTienda.irAdetalleCarrito()}" rendered="#{mBTienda.message != 'Carrito Vacio'}"/>
			</h:form>
		</p:panel>
		
			       
	    <p:growl id="growl" showDetail="true" sticky="true" />  	
			        
			        
		<h:form id="form-prod">
			<p:dataTable value="#{mBTienda.arrProdDisp}" var="producto" border="1">
			
	    		<p:column>
	        		<f:facet name="header">
	           			<h:outputText value="Nombre" />
	        		</f:facet>
	        		<h:outputText value="#{producto.nombre}" />
	    		</p:column>
	    		<p:column>
	        		<f:facet name="header">
	           			<h:outputText value="Precio" />
	        		</f:facet>
	        		<h:outputText value="#{producto.precio}" />
	    		</p:column>
	    		
	    		<p:column>
	        		<f:facet name="header">
	           			<h:outputText value="Añadir al Carrito" />
	        		</f:facet>
	        			<p:commandButton id="agregar" icon="ui-icon-cart" action="#{mBTienda.agregar(producto)}" ajax="false"/>
	    		</p:column>
	    		
	        </p:dataTable>
        </h:form>
    </h:body>
</html>